import { createRouter, createWebHashHistory } from 'vue-router'
import navStatic from '../../src/components/nav/nav-static.vue'
import navAdmin from '../../src/components/nav/nav-admin.vue'
import navTylic from '../../src/components/nav/nav-tylir.vue'
import navAccendant from '../../src/components/nav/nav-accendant.vue'

const routes = [
    {
        path:'/navstatic',
        component: navStatic
    },
    {
        path:'/navadmin',
        component: navAdmin
    },
    {
        path:'/navadmin',
        component: navAdmin
    }
    
  ]


const router = createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
      /*
          createWebHashHistory
              http://localhost:8080/#/home
             http://localhost:8080/#/about
            原理： a 锚点 
          createWebHistory:
             http://localhost:8080/home
             http://localhost:8080/about
           这种方式需要后台做重定向，否则会 404  
              原理： H5 pushState()
      */
    history: createWebHashHistory(),
    routes, // `routes: routes` 的缩写
  })

  export default router